<template>
  <main class="todo-list">
    <ul>
      <slot></slot>
    </ul>
  </main>
</template>

<script setup></script>

<style lang="scss" scoped>
.todo-list {
  background-color: #00668a;
  padding: 1rem 0;
  ul {
    max-width: 1216px;
    margin: 0 auto;
    max-height: 300px;
    overflow: auto; //不能设置为scroll，否则还会出现水平方向的滚动条
    scrollbar-width: thin;
  }
}
</style>
